<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="/js/axios.min.js"></script>
    <script src="/js/vue.js"></script>
    <style type="text/css">
        BODY {
            font-size: 12px;
            font-family: "宋体";
        }

        #mytop_3a3b {
            WIDTH: 100%;
            background-color: #F5F5F5;
        }

        TABLE {
            word-break: break-all;
        }

        .st_1 {
            WIDTH: 100%;
            HEIGHT: 300px;
        }

        .st_1d {
            WIDTH: 220px;
            HEIGHT: 100%;
            line-height: 300px;
            text-align: left;
            float: left;
        }

        .st_1d {
            line-height: 300px;
            text-align: left;
        }

        .st_1e {
            width: 490px;
            HEIGHT: 100%;
            float: left;
        }

        .st_1et {
            HEIGHT: 50px;
            width: 100%;
            background: url("/img/bar_t515.gif");
        }

        .st_1et1 {
            HEIGHT: 100%;
            width: 90px;
            line-height: 43px;
            text-align: left;
            font-size: 16px;
            font-weight: 300;
            Color: #005e5d;
            float: left;
        }

        .st_1et2 {
            HEIGHT: 100%;
            width: 390px;
            line-height: 43px;
            text-align: left;
            font-size: 16px;
            font-weight: normal;
            Color: #0000FF;
            float: left;
        }

        .st_1et3 {
            HEIGHT: 100%;
            float: right;
        }

        .st_1c {
            HEIGHT: 100%;
            float: right;
        }

        .st_2 {
            WIDTH: 100%;
            line-height: 30px;
            text-align: left;
            font-size: 14px;
        }

        .mt_2a6 {
            WIDTH: 100%;
            HEIGHT: 5px;
            background: url("/img/line_6a.gif");
        }

        .mt_2a5_s {
            WIDTH: 100%;
            HEIGHT: 36px;
            line-height: 36px;
            text-align: left;
            font-size: 18px;
            color: #0051a5;
            font-family: 宋体;
            font-weight: 900;
        }

        .urls6g {
            COLOR: #444444;
            font-size: 14px;
            line-height: 22px;
        }
    </style>
</head>
<body>
<div id="mytop_3a3b">
    <table width="100%" height="100%" cellspacing="0" cellpadding="30" border="0">
        <tbody>
        <tr>
            <td>
                <div class="st_1">
                    <div class="st_1d"><img  :src="adminMessageForm.adminUrl" height="250px" width="200px" border="0"></div>
                    <div class="st_1e">
                        <div class="st_1et">
                            <div class="st_1et1">姓&nbsp;&nbsp;名:</div>
                            <div class="st_1et2">
                                <input class="form-control" style="border: none;color:#00BCD5;font-size:16px;background-color: transparent;" v-model="adminMessageForm.name" readonly="readonly">
                            </div>
                            <div class="st_1et3"></div>
                        </div>
                        <div class="st_1et">
                            <div class="st_1et1">学&nbsp;&nbsp;历:</div>
                            <div class="st_1et2">
                                <input class="form-control" style="border: none; color:#00BCD5 ;font-size:16px;background-color: transparent" v-model="adminMessageForm.education" readonly="readonly">
                            </div>
                            <div class="st_1et3"></div>
                        </div>
                        <div class="st_1et">
                            <div class="st_1et1">开诊科室:</div>
                            <div class="st_1et2">
                                <input class="form-control" style="border: none; color:#00BCD5;font-size:16px;background-color: transparent"  v-model="section.sectionName" readonly="readonly">
                            </div>
                            <div class="st_1et3"></div>
                        </div>
                        <div class="st_1et">
                            <div class="st_1et1">专业方向:</div>
                            <div class="st_1et2">
                                <input class="form-control" style="border: none; color:#00BCD5;font-size:16px;background-color: transparent; width: 400px" v-model="adminMessageForm.major" readonly="readonly">
                            </div>
                            <div class="st_1et3"></div>
                        </div>
                        <div class="st_1et">
                            <div class="st_1et1">职称/职务:</div>
                            <div class="st_1et2">
                                <input class="form-control" style="border: none; color:#00BCD5;font-size:16px;background-color: transparent; width: 400px" v-model="role.roleName" readonly="readonly">
                            </div>
                            <div class="st_1et3"></div>
                        </div>
                        <div class="st_1et">
                            <div class="st_1et1">电&nbsp;&nbsp;话:</div>
                            <div class="st_1et2">
                                <input class="form-control" style="border: none; color:#00BCD5;font-size:16px;background-color: transparent; width: 400px" v-model="adminMessageForm.adminPhonenumber" readonly="readonly">
                            </div>
                            <div class="st_1et3"></div>
                        </div>
                    </div>
                    <div class="st_1c"></div>
                </div>
                <div class="st_2"></div>
                <div class="mt_2a6"></div>
                <div class="mt_2a5_s">社会职务</div>
                <span class="urls6g">
                    <textarea class="form-control" style="width: 1250px;resize: none;border: none;background-color: transparent" v-model="adminMessageForm.achievement" readonly="readonly"></textarea>
                </span><br><br>
                <div class="mt_2a6"></div>
                <div class="mt_2a5_s">专业特长</div>
                <span class="urls6g">
                    <textarea class="form-control" style="width: 1250px;resize: none;border: none;background-color: transparent" v-model="adminMessageForm.book" readonly="readonly"></textarea>
                </span><br><br>
                <div class="mt_2a6"></div>
                <div class="mt_2a5_s">主要成果</div>
                <span class="urls6g">
                    <textarea class="form-control" style="width: 1250px;resize: none;border: none;background-color: transparent" v-model="adminMessageForm.exp" readonly="readonly"></textarea>
                </span><br><br>
                <div class="mt_2a6"></div>
                <div class="mt_2a5_s">个人简介</div>
                <span class="urls6g">
                    <textarea class="form-control" style="width: 1250px;resize: none;border: none;background-color: transparent" v-model="adminMessageForm.adminDesc" readonly="readonly"></textarea>
                </span><br><br>
            </td>
        </tr>
        </tbody>
    </table>

</div>

<script>



    var app = new Vue ({
        el:"#mytop_3a3b",
        data:{
            adminMessageForm:{},
            section:{},
            role:{}
        },
        created(){
            this.showAdminMessage();
        },
        methods:{
            showAdminMessage(){
                axios.post("admin/adminMessage").then(result=>{
                    this.adminMessageForm=result.data.data;
                    console.log(this.adminMessageForm)
                     this.section =  this.adminMessageForm.section;
                    this.role = this.adminMessageForm.role;

                })
            }
        }

    });


</script>

</body>
</html>